$(function(){
    var toast = function(content,time=2){

     
            var mask = `<div class="toast"></div>`
          
    
            $('body').append(mask)
            $(".toast").css({
                'position':'fixed',
                'left':0,
                'top':0,
                'width':'100%',
                'height':'100%',
                'z-index':1000
    
            }).show()
            var tips = `<div class="item2">${content}</div>`
            console.log(tips)
            $('.toast').append(tips)
            $('.item2').css({
                'position':'fixed',
                'display':'inline-block',
                'top':'50%',
                'left':'50%',
                'transform':"translate(-50%,-50%)",
                'padding-top':"10px",
                'padding-bottom':'10px',
                'padding-left':'20px',
                'padding-right':'20px',
                'border-radius':'10PX',
                'height':"50px",
                'line-height':'40px',
                'color':"#fff",
                'background-color':"black",
                "box-sizing":'content-box',
                'z-index':1600
            }).show()
            setTimeout(function(){
                $('.toast,.item2').fadeOut()
    
            },time*1000)
    
    
    
        }



        window.toast=toast
    





})